//  mixins =>  当成less定义的一些函数，在需要的时候直接混入, 在那个页面需要用， 就在style标签中导入

// 鼠标经过上移阴影动画
.hoverShadow () {
  transition: all 0.5s;
  &:hover {
    // transform: translate3d 开启硬件加速，性能渲染会更好一点
    transform: translate3d(0, -5px, 0);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  }
}
